// import { useEffect, useState } from "react";
// import { Descriptions, Image, Tag, Table, Space, Button } from "antd"
// import { GetSingleGoods, GetGoodsOrderDetails, GetInventorys } from "../../api/commodity";
// import { useLocation } from "react-router-dom";
 const ShoppDetail = () => {

//     const location = useLocation();
//     const [Singlegoods, setSingleGoods] = useState([]);
//     useEffect(() => {
//         const bindSinglegoods = async () => {
//             const res = await GetSingleGoods(
//                 {
//                     id: location.pathname.slice(19),
//                     page: 1,
//                     limit: 10,
//                     begin: "1750-05-22",
//                     end: "2024-03-05"
//                 }
//             );
//             if (res.result === 0) {
//                 setSingleGoods(res.data)
//             }
//         }
//         bindSinglegoods();
//     }, [])
//     const items = [
//         {
//             key: '1',
//             label: '名称',
//             children: Singlegoods.name,
//         },
//         {
//             key: '2',
//             label: '类型',
//             children: Singlegoods.type,
//         },
//         {
//             key: '3',
//             label: '供应商',
//             span: 3,
//             children:
//                 <Tag color={Singlegoods.supplier === null ? "error" : "blue"} > {Singlegoods.supplier === null ? '自营' : Singlegoods.supplier}</Tag>
//             ,
//             // Singlegoods.supplier
//         },
//         {
//             key: '9',
//             label: '封面',
//             // children: Singlegoods.photo,
//             children: <Image src={Singlegoods.photo} width={60}></Image>
//         },
//         {
//             key: '7',
//             label: '价格',
//             children:
//                 <Tag color="error">￥{Singlegoods.price}</Tag>,
//         },
//         {
//             key: '8',
//             label: '上架',
//             children:
//                 <Tag color={Singlegoods.isShelve == 0 ? "error" : "success"} > {Singlegoods.isShelve == 0 ? '否' : '是'}</Tag>,
//         },
//         {
//             key: '4',
//             label: '生产日期',
//             children: Singlegoods.birthday,
//         },
//         {
//             key: '5',
//             label: '保质期(天)',
//             children: Singlegoods.expiryday,
//         },
//         {
//             key: '6',
//             label: '规格',
//             span: 3,
//             children: Singlegoods.specs,
//         },
       
       
//         {
//             key: '10',
//             label: '销量',
//             children: <Tag color="processing">{Singlegoods.sales}</Tag>,
//         },
//         {
//             key: '11',
//             label: '库存',
//             children: <Tag color="processing">{Singlegoods.inventory}</Tag>,
//         },
//         {
//             key: '12',
//             label: '禁用',
//             span: 3,
//             children: <Tag color={Singlegoods.isBan == 0 ? "error" : "success"} > {Singlegoods.isBan == 0 ? '是' : '否'}</Tag>,
//         },
//         {
//             key: '13',
//             label: '添加时间',
//             children: <Tag color="processing">{Singlegoods.time}</Tag>,
//         },
//         {
//             key: '14',
//             label: '描述',
//             span: 2,
//             children: Singlegoods.explain,
//         },
//     ];

//     const [goods, setGoodsDetail] = useState([]);
//     useEffect(() => {
//         const bindGoodsDetail = async () => {
//             const res = await GetGoodsOrderDetails(
//                 {
//                     id: location.pathname.slice(19),
//                     limit: 10,
//                     page: 1,
//                     begin: '2023-9-23',
//                     end: "2024-04-23",
//                 }
//             );
//             if (res.result === 0) {
//                 setGoodsDetail(res.data.data)
//             }
//         }
//         bindGoodsDetail();
//     }, [])

//     const goodDetail = [
//         {
//             title: "序号",
//             render: (text, record, index) => `${index + 1}`
//         },
//         {
//             title: '详情号',
//             dataIndex: 'id',
//             ellipsis: true,
//         },
//         {
//             title: '供应商',
//             dataIndex: 'supplier',
//             key: 'supplier',
//             ellipsis: true,
//             render: (_, record) => (
//                 <>
//                     <Tag color={record.supplier == null ? "error" : "blue"} > {record.supplier === null ? '自营' : record.supplier}</Tag>
//                 </>
//             ),
//         },
//         {
//             title: '商户',
//             dataIndex: 'merchant',
//             key: 'merchant',
//             ellipsis: true,

//         },
//         {
//             title: '商品',
//             dataIndex: 'name',
//             ellipsis: true,
//             // width: 100,
//         },
//         {
//             title: '数量',
//             dataIndex: 'number',
//             // width: 100,

//         },
//         {
//             title: '单价',
//             dataIndex: 'price',
//             // ellipsis: true,
//             // width: '200px'
//             render: (val, i) => (
//                 <>
//                     <Tag color="error" key={i.id}>￥{val}</Tag>
//                 </>
//             )
//         },
//         {
//             title: '总价',
//             dataIndex: 'money',
//             // width: 100,
//             render: (val, i) => (
//                 <>
//                     <Tag color="error" key={i.id}>￥{val}</Tag>
//                 </>
//             )
//         },
//         {
//             title: '时间',
//             dataIndex: 'time',
//             ellipsis: true
//         },
//         {
//             title: '发货',
//             dataIndex: 'isSend',
//             render: (_, val) => {
//                 return <Tag color={val.isSend === 0 ? "error" : "green"}> {val.isSend === 0 ? "否" : "是"}</Tag>
//             }
//         },
//         {
//             title: '收货',
//             dataIndex: 'isReceive',
//             // ellipsis: true,
//             // width: 100,
//             render: (_, val) => {
//                 return <Tag color={val.isReceive === 0 ? "error" : "green"}> {val.isReceive === 0 ? "否" : "是"}</Tag>
//             }
//         },
//         {
//             title: '收货数量',
//             dataIndex: 'receiveNumber',
//             // ellipsis: true,
//             // width: 100,
//         },
//         {
//             title: '收货金额',
//             dataIndex: 'receiveMoney',
//             // ellipsis: true,
//             // width: 100,
//             render: (val, i) => (
//                 <>
//                     <Tag color="error" key={i.id}>￥{val}</Tag>
//                 </>
//             )
//         },
//         {
//             title: '完成',
//             dataIndex: 'isComplete',
//             // ellipsis: true,
//             // width: 100,
//             render: (_, val) => {
//                 return <Tag color={val.isComplete === 0 ? "error" : "green"}> {val.isComplete === 0 ? "否" : "是"}</Tag>
//             }
//         },
//         {
//             title: '操作',
//             dataIndex: 'address',
//             width: 100,
//             render: (_, record) => (
//                 <Space size="middle">
//                     <Button type="primary" size="small">收货详情</Button>
//                 </Space>
//             ),
//         },
//     ];

//     const [Inventorys, setInventorys] = useState([]);
//     useEffect(() => {
//         const bindInventorys = async () => {
//             const res = await GetInventorys(
//                 {
//                     id: location.pathname.slice(19),
//                     limit: 10,
//                     page: 1,
//                 }
//             );
//             if (res.result === 0) {
//                 setInventorys(res.data.data)
//             }
//         }
//         bindInventorys();
//     }, [])

//     const Inventory = [
//         {
//             title: "序号",
//             render: (text, record, index) => `${index + 1}`
//         },
//         {
//             title: '行为',
//             dataIndex: '',
//             render: (_, record) => (
//                 <>
//                     <Tag color={record.number > 0 ? "processing" : "success"} > {record.number > 0 ? '补货' : '清货'}</Tag>
//                 </>
//             ),
//         },
//         {
//             title: '数量',
//             dataIndex: 'number',
//             key: 'number',
//             render: (_, record) => (
//                 <>
//                     <Tag color={record.number == null ? "processing" : "processing"} > {record.number === null ? '-' : record.number}</Tag>
//                 </>
//             ),

//         },
//         {
//             title: '供应商',
//             dataIndex: 'supplier',
//             key: 'supplier',
//         },
//         {
//             title: '时间',
//             dataIndex: 'time',
//         },
//     ];

//     return (
//         <div className="exam-container">
//             <div className="container">
//                 <div className="content">
//                     <Descriptions title="商品详情" layout="vertical" bordered items={items} />
//                 </div>
//                 <div style={{ marginTop: 150 }}>
//                     <span className="Sales3">销售数据</span>
//                     <div>
//                         <div className="table">
//                             <Table
//                                 columns={goodDetail}
//                                 dataSource={goods}
//                                 bordered
//                                 pagination={false}
//                             />
//                         </div>
//                     </div>
//                 </div>
//                 <div style={{ marginTop: 30 }}>
//                     <span className="Sales1">库存数据</span>
//                     <div>
//                         <div className="table">
//                             <Table
//                                 columns={Inventory}
//                                 dataSource={Inventorys}
//                                 bordered
//                                 pagination={false}
//                             />
//                         </div>
//                     </div>
//                 </div>
//             </div>
//         </div>
//     )
 }

export default ShoppDetail